<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>案卷管理</title>
  <link rel="stylesheet" href="../css/home.css" />
  <link rel="stylesheet" href="../css/management.css" />
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
    integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous" />
  <script src="../utils/jquery-3.6.0.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
    integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
    crossorigin="anonymous"></script>
  <script src="../utils/echarts.min.js"></script>
</head>

<body>
  <div class="container-fluid">
    <div class="modal fade" id="addModel" tabindex="-1" role="dialog">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">添加信息</h4>
          </div>
          <div class="modal-body">
            <form>
              <div class="form-group">
                <label for="exampleInputEmail1">序号</label>
                <input type="text" class="form-control addId">
              </div>
              <div class="form-group">
                <label for="exampleInputEmail1">收件编号</label>
                <input type="text" class="form-control addNumber">
              </div>
              <div class="form-group">
                <label for="exampleInputPassword1">交付人</label>
                <input type="text" class="form-control addName1" id="exampleInputPassword1">
              </div>
              <div class="form-group">
                <label for="exampleInputEmail1">签收人</label>
                <input type="text" class="form-control addName2" id="exampleInputEmail1">
              </div>
              <div class="form-group">
                <label for="exampleInputPassword1">签收时间</label>
                <input type="text" class="form-control addTime" id="exampleInputPassword1">
              </div>
            </form>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary addSaveBtn" data-target="#myModal">保存</button>
          </div>
        </div>
      </div>
    </div>
    <div class="header"></div>
    <div class="body">
      <div class="main-box">
        <!-- 左边导航 -->
        <div class="left">
          <!-- logo -->
          <div class="logo">
            <img src="../images/微信图片_20220821145126.png" alt="" />
            <h5>数字化档案管理</h5>
          </div>

          <!-- 导航 -->
          <div class="left-nav">
            <ul class="nav nav-pills nav-stacked">
              <li><a href="./home.html
                " class="active">首界面</a>
                <ul class="min-nav">
                </ul>
              </li>
              <li>
                <a href="javascript:;">案卷管理</a>

                <ul class="min-nav">
                  <li><a href="./management.html">签收管理</a></li>
                </ul>
              </li>

              <li>
                <a href="JavaScript:;">库房管理</a>
                <ul class="min-nav">
                  <li><a href="./storeHouse.html">库房信息</a></li>
                  <li><a href="./storeShelf.html">库架信息</a></li>
                  <li><a href="./LayerInformation.html">层格信息</a></li>
                  <li><a href="./BoxInformation.html">盒子信息</a></li>
                </ul>
              </li>

              <li>
                <a href="JavaScript:;">入库管理</a>
                <ul class="min-nav">
                  <li><a href="./File warehousing.html">档案入库</a></li>
                  <li><a href="./Inventory records.html">入库记录</a></li>
                  <li><a href="JavaScript:;">盒号打印</a></li>
                  <li><a href="./File number printing.html">档案号打印</a></li>
                </ul>
              </li>

              <li>
                <a href="JavaScript:;">档案管理</a>
                <ul class="min-nav">
                  <li><a href="JavaScript:;">退/还案管理</a></li>
                  <li><a href="JavaScript:;">退/还案明细</a></li>
                </ul>
              </li>

              <li>
                <a href="JavaScript:;">移库管理</a>
                <ul class="min-nav">
                  <li><a href="./system-archives.html">档案移库</a></li>
                  <li><a href="./system-detail.html">移库明细</a></li>
                </ul>
              </li>

              <li>
                <a href="JavaScript:;">档案影像</a>
                <ul class="min-nav">
                  <li><a href="JavaScript:;">影像查询</a></li>
                  <li><a href="JavaScript:;">影像录入</a></li>
                </ul>
              </li>

              <li>
                <a href="JavaScript:;">实体借阅</a>
                <ul class="min-nav">
                  <li><a href="./entityBorrowapplication.html">借阅申请</a></li>
                  <li><a href="JavaScript:;">借阅审批</a></li>
                  <li><a href="JavaScript:;">借阅出库</a></li>
                  <li><a href="JavaScript:;">借阅归还</a></li>
                </ul>
              </li>

              <li>
                <a href="JavaScript:;">电子借阅</a>
                <ul class="min-nav">
                  <li><a href="./BorrowingApply.html">借阅申请</a></li>
                  <li><a href="./BorrowingExamination.html">借阅审批</a></li>
                  <li><a href="./BorrowingDetail.html">借阅明细</a></li>
                </ul>
              </li>

              <li>
                <a href="JavaScript:;">统计报表</a>
                <ul class="min-nav">
                  <li><a href="JavaScript:;">签收统计</a></li>
                  <li><a href="JavaScript:;">入库统计</a></li>
                  <li><a href="JavaScript:;">电子借阅统计</a></li>
                  <li><a href="JavaScript:;">实体借阅统计</a></li>
                  <li><a href="JavaScript:;">档案库存数统计</a></li>
                  <li><a href="JavaScript:;">档案状态统计</a></li>
                  <li><a href="JavaScript:;">用户登录统计</a></li>
                  <li><a href="JavaScript:;">影像上传统计</a></li>
                  <li><a href="JavaScript:;">影像浏览统计</a></li>
                </ul>
              </li>

              <li>
                <a href="JavaScript:;">日志管理</a>
                <ul class="min-nav">
                  <li><a href="./logManagement.html">系统操作日志</a></li>
                  <li><a href="./ImageryBrowsingLogs.html">影像浏览日志</a></li>
                  <li><a href="JavaScript:;">影像上传日志</a></li>
                  <li><a href="JavaScript:;">用户登录日志</a></li>
                </ul>
              </li>

              <li>
                <a href="JavaScript:;">系统管理</a>
                <ul class="min-nav">
                  <li><a href="./systemUser.html">用户管理</a></li>
                  <li><a href="./systemRole.html">角色管理</a></li>
                  <li><a href="JavaScript:;">等级管理</a></li>
                  <li><a href="JavaScript:;">机构管理</a></li>
                  <li><a href="JavaScript:;">流程管理</a></li>
                  <li><a href="JavaScript:;">档案轨迹</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="context">
        <div class="context-header">
          <img class="logo2" src="../images/logo2.png" alt="" />
          <img class="logo1" src="../images/logo1.png" alt="" />
          <div>
            <img src="../images/Head portrait.jpg" alt="" />
            <div class="name">
              <span>Admin</span>
            </div>
          </div>
        </div>
        <div class="context-middle">
          <div>
            <span>案卷管理/签收管理 </span>
          </div>
        </div>
        <div class="context-body">
          <div id="header">
            <div>收件编号</div>
            <input class="searchInp" type="text" placeholder="请输入编号" />
            <div>交付人</div>
            <input class="searchInp1" type="text" name="" id="1" placeholder="请输入" />
            <div>签收时间</div>
            <input class="searchInp2" type="text" name="" id="2" placeholder="请输入日期" />
            <button type="button" class="searchBtn">查询</button>
            <button type="button" class="resetBtn">重置</button>
          </div>
          <div class="receiving">
            <button style="background: #1890ff;" type="button" class="btn btn-primary btn-lg add" data-toggle="modal"
              data-target="#addModel">
              新增
            </button>
            <div style="width: 1100px">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th>序号</th>
                    <th>收件编号</th>
                    <th>交付人</th>
                    <th>签收人</th>
                    <th>签收时间</th>
                    <th>操作方式</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <!-- <td>1</td>
                    <td>20220704003</td>
                    <td>王志勇</td>
                    <td>孙志元</td>
                    <td>2021-5-18 14:54:27</td> -->
                  </tr>
                </tbody>
              </table>
              <div>
                <nav style="margin-left: 380px;" aria-label="Page navigation">
                  <ul class="pagination">
                    <li class="prev">
                      <a href="#">
                        <span>&laquo;</span>
                      </a>
                    </li>
                    <!-- <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li> -->
                    <li class="next">
                      <a href="#">
                        <span>&raquo;</span>
                      </a>
                    </li>
                  </ul>
                </nav>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="../js/home.js"></script>
    <script src="../js/management.js"></script>
</body>

</html>